

<div class="portlet box blue-madison" >
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-exchange"></i>Attendance recording list
        </div>
    </div>
    <div class="portlet-body">
        <div class="filterBox">
            <div class="input-group date form_date">
                <input class="form-control input-small" type="text"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
            <span class="to"> To :</span>
            <div class="input-group date form_date">
                <input class="form-control input-small" type="text"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
            <div class="btnBox">
                <button class="btn btn-md yellow table-group-action-submit">Search</button>
            </div>
        </div>
        <table class="table table-striped table-bordered table-hover" id="sample_1">
            <thead>
            <tr>
                <th>StaffID</th>
                <th>Division</th>
                <th>Name</th>
                <th>Date</th>
                <th>Working hours</th>
                <th>Closing time</th>
                <th>sub-sequence</th>
                <th>Any leave</th>
                <th>Late time(team)</th>
                <th>Late time(person)</th>
                <th>Runing hour</th>
                <th>Overtime hours</th>
                <th>Edit</th>
            </tr>
            </thead>
            <tbody>
	       
	          <!--<tr>
                <td>AE1856</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
               
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>-->
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:30</td>
                <td>late 2</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 3</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 4</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:22</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:45</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:19</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:31</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:59</td>
                <td>17:40</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-12</td>
                <td>08:12</td>
                <td>17:51</td>
                <td>late 1</td>
                <td>Personal Leave</td>
                <td>00:12</td>
                <td>00:12</td>
                <td>08:03</td>
                <td>00:03</td>
                <td>
                    <a class="edit" href="javascript:;">
                        Edit </a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<script type="text/javascript">

    $(function(){

        $('.form_date').datetimepicker({
            format: "yyyy-mm-dd",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            showMeridian: 1
        });
    })

    $.ajax({
        type:"POST",
        url:"",
        data:{},
//        dataType:"json",
//        async:false,
        success:function(table1){
            var table1=[{id:"",name:"",time:""}];

        }

    });
</script>
